<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Title</title>
    <%@include file="/WEB-INF/views/commons/commons.jsp" %>

    <script src="/static/js/system/potentialclient.js"></script>
</head>
<body>
<%--客户表视图--%>
<table id="client_datagrid"></table>


<!--工具栏-->
<div id="tb">
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true" data-cmd="add">添加客户信息</a>

    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true" data-cmd="edit">编辑客户信息</a>

    &nbsp;&nbsp;&nbsp;

    <font style="font-weight:bold;size: 12px;color: red;" >客户开发状态编辑:</font>
    <%--状态回显切换在js里面设置点击事件判断title的设值--%>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-tip',plain:true" id="change_state_btn"
       data-cmd="changeState">可开发客户</a>


    <%--客户才有权限操作--%>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-redo',plain:true" data-cmd="changePool">移入资源池</a>

    <%--移交客户需要设置dialog弹框填写谁移交给谁,移交日志填写--%>
    <%--js需要发送两个请求--%>
    <%--1:修改客户负责人和接手时间--%>
    <%--2:保存移交日志--%>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-man',plain:true" data-cmd="changeClient">移交客户</a>

    <%--发送请求改变状态为计划开发客户--%>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-ok',plain:true" data-cmd="plan">尝试开发</a>


    <br>

    <%--高级查询业务--%>
    创建时间:<input class="easyui-datebox" type="text" name="beginDate" id="beginDate" prompt="开始时间"/>

    ~<input class="easyui-datebox" type="text" name="endDate" id="endDate" prompt="结束时间" />

    关键字查询:<input class="easyui-textbox" type="text" name="keyword" id="keyword" prompt="按照客户名字,邮箱或电话查询"/>

    负责人查询:<input class="easyui-textbox" type="text" name="leadingSreach" id="leadingSreach" prompt="负责人全名"/>

    <%--<input class="easyui-combobox" type="text" name="state" prompt="客户状态"
           data-options="data:[{'value':'0','text':'正式客户'},
                            {'value':'1','text':'可开发'}],
                            {'value':'2','text':'建议转入资源池用'}],
                            {'value':'3','text':'资源池客户'}],
                            {'value':'4','text':'计划开发客户'}],
                            {'value':'5','text':'待签单客户'}],
                             valueField:'value', textField:'text',panelHeight:'auto'"/>--%>

    <a hreg="#" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true" onclick="query()">查询</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-reload',plain:true" data-cmd="reload">刷新</a>
</div>


<!--员工添加与编辑的对话框-->
<div id="client_dialog">
    <!--员工信息的form表单-->
    <form id="client_form" method="post" style="padding: 22px 0px 0px 50px;">
        <input type="hidden" id="clientId" name="id">
        <table style="border-collapse: separate;border-spacing: 10px;">
            <tr>
                <td>名称:</td>
                <td><input class="easyui-textbox" type="text" name="name"
                           prompt="请输入客户姓名" ></td>
            </tr>
            <tr>
                <%--需要验证身份证号码位数问题--%>
                <td>身份证号码:</td>
                <td><input class="easyui-textbox"  name="idNumber"  data-options="validType:'minLength[5]'"></td>
                   <script>
                        $.extend($.fn.validatebox.defaults.rules, {
                            minLength: {
                                validator: function(value, param){

                                    var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
                                    if(reg.test(value) === false)
                                    {
                                        return false;
                                    }
                                    return true;
                                },
                                message: '身份证格式不正确,请重新输入!!!'
                            }
                        });
                    </script>
            </tr>
             <tr>
               <td>性别:</td>
               <td><input class="easyui-combobox" type="text" name="gender"
                          data-options="data:[{'value':'0','text':'女'}, {'value':'1','text':'男'}],
                       valueField:'value', textField:'text',panelHeight:'auto'"
               /></td>
           </tr>
           <tr>
               <td>年龄:</td>
               <td><input class="easyui-textbox" type="text" name="age"></td>
           </tr>
           <tr>
               <td>电话:</td>
               <td><input type="text" validtype="mobile" name="tel"
                      data-options="prompt:'请输入正确的电话号码。'"/></td>
           </tr>
               <script>
                $(function () {

                    //设置text需要验证
                    $('input[type=text]').validatebox();
                })

                $.extend($.fn.validatebox.defaults.rules, {
                    //移动手机号码验证
                    mobile: {//value值为文本框中的值
                        validator: function (value) {
                            var reg = /^1[3|4|5|8|9]\d{9}$/;
                            return reg.test(value);
                        },
                        message: '输入手机号码格式不准确.'
                    }
                });
            </script>
            <tr>
                <td>邮箱:</td>
                <%--<td><input class="easyui-textbox" type="text" name="email"></td>--%>
                <td><input class="easyui-validatebox" name="email" missingMessage="邮件必须填写"
                           validType="email" invalidMessage="请填写正确的邮件格式"></td>
            </tr>
            <tr>
                <td>微信:</td>
                <td><input class="easyui-textbox" type="text" name="weixin"></td>
            </tr>
            <tr>
                <td>地址:</td>
                <td><input class="easyui-textbox" type="text" name="address"></td>
            </tr>
            <tr>
                <td>备注:</td>
                <td><input class="easyui-textbox" type="text" name="remark"></td>
            </tr>
            <tr>
                <%--根据字典设置回显--%>
                <td>职业:</td>
                <td><input class="easyui-combobox" type="text" name="job.id"
                           data-options="url:'/dictionaryItem/propertyList?parentSn=job',
                        valueField:'id',textField:'name',panelHeight:'auto'"/></td>
            </tr>
            <tr>
                <%--根据字典设置回显--%>
                <td>客户来源:</td>
                <td><input class="easyui-combobox" type="text" name="resource.id"
                         data-options="url:'/dictionaryItem/propertyList?parentSn=resource',
                        valueField:'id',textField:'name',panelHeight:'auto'"/></td>
            </tr>
            <tr>
                <%--根据字典设置回显--%>
                <td>收入水平:</td>
                <td><input class="easyui-combobox" type="text" name="income.id"
                           data-options="url:'/dictionaryItem/propertyList?parentSn=income',
                        valueField:'id',textField:'name',panelHeight:'auto'"/></td>
            </tr>
        </table>
    </form>
</div>

<%--移交客户弹框--%>
<div id="changeClient_dialog">
    <%--移交客户的form表单--%>
    <form id="changeClient_form" method="post" style="padding: 22px 0px 0px 50px;">
        <input type="hidden" id="changeClientId" name="clientName.id">
        <input class="easyui-textbox" type="hidden" name="oldUser.id">
        <table style="border-collapse: separate;border-spacing: 10px;">
            <tr>
                <%--客户名称和负责人显示为只读--%>
                <td>客户名称:</td>
                <td><input class="easyui-textbox" type="text" name="clientName.name"></td>
            </tr>
            <tr>
                <td>负责人:</td>
                <td><input class="easyui-textbox" type="text" name="oldUser.username"></td>

            </tr>
            <tr>
                <td>接手人:</td>
                <td><input class="easyui-combobox" type="text" name="newUser.id"
                     data-options="url:'/employee/queryEmps',
                        valueField:'id',textField:'username',panelHeight:'auto'"-></td>
            </tr>
            <tr>
                <td>移交原因:</td>
                <td><input class="easyui-textbox" type="text" name="reason"></td>
            </tr>
        </table>
    </form>
</div>

<!--员工添加有编辑的底部按钮-->
<div id="bb">
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-save',plain:true" data-cmd="save">保存</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cancel',plain:true" data-cmd="cancel">取消</a>
</div>

<div id="bbc">
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-save',plain:true" data-cmd="saveClient">保存</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cancel',plain:true" data-cmd="cancelClient">取消</a>
</div>

</body>
</html>
